<%-- 
    Document   : customerexpand
    Created on : Aug 11, 2012, 10:19:09 AM
    Author     : ems
--%>


<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>

<html>
    <head>

        <script type="text/javascript" language="javascript" src="../scripts/jQuery/confirm.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jquery.fancybox-1.3.4.pack.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>
        <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
        <link rel="stylesheet" type="text/css" href="../css/thickbox.css"/>
        <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/>
        <link rel="stylesheet" type="text/css" href="../css/paging.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/thickbox.js"></script>
        <script type="text/javascript" language="javascript">
            var open_cur = 0;
            $j = jQuery.noConflict();
            $j(document).ready(function(){
                $j('.keysearch').live('keyup',function(){
                    if($j('.keysearch').val() == ""){
                        $j('.rich-table-row').show();
                                   
                    }else{
                        $j('.rich-table-row').hide();
                        $j('.rich-table-row').each(function(){
                            html = $j(this).html();
                            if(   ununicode(html).indexOf(  ununicode($j('.keysearch').val()) ) > -1    )  {
                                $j(this).show();
                            }else{
                                $j(this).hide();
                            }
                        });
                    }

                });
                $j(".rich-table-row:odd").addClass("odd");
                
            });
                    
        </script>
       
    </head>


    <body>

        <a4j:form>
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <h:outputText value="<div class='permission' lang='#{loginSession.right.MNU_SLE_VIE}'></div>" escape="false"/>
            <div id="content">
                <div id="menu_top">
                    <div class="dropdown">
                        <div class="select_choise">
                            <a href="#"><span>Khu vực</span></a>
                        </div>
                        <div class="select_hidden">
                            <ul>

                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="dropdown">
                        <div class="select_choise">
                            <a href="#"><span>Outlets</span></a>
                        </div>
                        <div class="select_hidden">
                            <ul>
                                <li><a href="#"><span>Ban Điều Hành</span></a></li>
                                <li><a href="#"><span>Nhóm IT</span></a></li>
                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div id="content_detail">
                    <!-- text search-->

                    <!-- end text search-->
                    <!-- text search-->
                    <div class="fast_search" style="margin-top:-23px;margin-left:649px;">

                        <h:inputText value="" onfocus="if(this.value=='')this.value='';" styleClass="keysearch"  />
                        <div  style="margin-left:5px; float:left" class="buttonsearch">
                            <div class="group cssgroup"  >
                                <h:selectOneRadio layout="pageDirection" value="" styleClass="feild_sex"  style="margin-left:5px; margin-top:14px; padding:15px; width:195px; height:140px;"   >
                                    <f:selectItem itemValue="0" itemLabel="#{locale.all}" />
                                    <f:selectItem itemValue="1" itemLabel="#{locale.company}" />
                                    <f:selectItem itemValue="2" itemLabel="#{locale.telephone}"/>
                                    <f:selectItem itemValue="3" itemLabel="#{locale.frist_lastname}"/>
                                    <f:selectItem itemValue="4" itemLabel="#{locale.person_info}"/>
                                    <f:selectItem itemValue="5" itemLabel="#{locale.email}"/>
                                    <f:selectItem itemValue="6" itemLabel="#{locale.tour}"/>
                                    <f:selectItem itemValue="7" itemLabel="#{locale.supplier}"/>
                                </h:selectOneRadio>
                                <h:commandButton      action="aa" value="#{locale.search}" style="margin-left:15px; margin-top:2px;" styleClass="buttonsearch2">
                                </h:commandButton>
                            </div>
                        </div>



                    </div>
                    <!-- end text search-->
                    <!-- start sidebar sidebar_row1--->
                    <div class="sidebar_row1">
                        <div class="sidebar">
                          <%--  <h:outputLink  rendered="#{loginSession.right.SLE_LST_CRE}" value="editTourSale.jsp?action=add&page=managerSale.jsp&sale=sale&height=236px&width=405px" styleClass="fancybox add_new" id="fancybox">
                                <span>  <h:outputText value="Tạo Tour"/> </span>
                            </h:outputLink> --%>
                                <h:outputLink  rendered="#{loginSession.right.SLE_LST_CRE}" value="editcodeproductTour.jsp?action=add&page=managerSale.jsp&SV216=0&height=250px&width=700px"  styleClass="fancybox add_new" id="fancybox">
                                <span>  <h:outputText value="#{locale.addTour}"/> </span>
                            </h:outputLink>
                        </div>
                    </div>
                    
                    <!-- start sidebar row2
                    <div class="sidebar_row2">
                        <div class="sidebar sidebar2">
                    <h:outputLink rendered="#{loginSession.right.SLE_LST_CRE}" value="editworkSale.jsp?page=managerSale.jsp&height=5px&width=600px" styleClass="fancybox add_new" id="fancybox1">
                        <span>  <h:outputText value="Thêm công việc"/> </span>
                    </h:outputLink>

                </div>
            </div>

            end sidebar row2--->
                    
                    <div class="content_right" style="margin-top:15px;">
                        <div style="height: 29px;background-color: #4A5763;width: 100%;line-height: 29px;">
                                        <div style="margin-left: 15px;color: white;">
                                        <h:outputText value="DANH SÁCH QUẢN LÝ SALE" style="text-transform:uppercase"/>
                                    </div>

                                </div>
                        <div class="content_table" style="border: solid; border-width: 1px; border-color: rgb(242,242,242)" >

                            <rich:dataTable  value="#{v050Controller.listAllV050}" rowKeyVar="row" var="item" columnClasses="col1"
                                             rows="17" reRender="ds"
                                             
                                             id="abcxyz">
                                <rich:column> 
                                    <f:facet name="header">
                                        <h:outputText value="STT"/>
                                    </f:facet>
                                    <div style="width: 20px;text-align: center">
                                        <h:outputText value="#{row+1}"/>
                                    </div>

                                </rich:column>  
                                <rich:column >
                                    <f:facet name="header">
                                        <h:outputText value="Sửa"/>
                                    </f:facet>
                                    <div style="width:70px; text-align: center">
                                        <h:outputLink rendered="#{loginSession.right.SLE_LST_MOD}" value="editToursaleform.jsp?idedit=#{item.fv050}&p=1&height=330px&width=405px" styleClass="fancybox">
                                            <img src="../images/edit.png" alt="edit" title="Sửa"/>
                                        </h:outputLink>
                                        <h:outputLink rendered="#{loginSession.right.SLE_LST_DEL}" value="delete.jsp?id=#{item.fv050}&flag=V050&table1=V050&p=1&height=150px&width=300px" styleClass="fancybox">
                                            <img src="../images/delete_1.png" alt="delete"  title="Xóa" />
                                        </h:outputLink>
                                        <h:outputLink rendered="#{loginSession.right.SLE_LST_ADD}" value="editworkSale.jsp?v050=#{item.fv050}&page=managerSale.jsp&manager=sale&height=5px&width=600px" styleClass="fancybox add_new" id="fancybox1">
                                            <img src="../images/work.png" style="width:14px;height:14px;" alt="Add work" title="Thêm công việc"/>
                                        </h:outputLink>
                                        

                                    </div>
                                </rich:column> 
                                <rich:column> 
                                    <f:facet name="header">
                                        <h:outputText value="Mã tour" styleClass="col1" />
                                    </f:facet>
                                    <div style="width: 100px;">
                                        <h:outputText value="#{item.vv051}"/>
                                    </div>

                                </rich:column>                                 
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="Trạng thái"/>
                                    </f:facet>
                                    <div style="width: 130px;text-align: left">
                                        <h:outputText value="#{item.demo}"/>
                                    </div>

                                </rich:column> 
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="Tên tour"/>
                                    </f:facet>
                                    <div style="width: 200px;">
                                        <h:outputText value="#{item.vv052}"/>
                                    </div>

                                </rich:column> 
                                
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="Điểm khởi hành"/>
                                    </f:facet>
                                    <div style="width: 110px;">
                                        <h:outputText value="#{item.vv069}"/>
                                    </div>

                                </rich:column> 
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="Điểm đến"/>
                                    </f:facet>
                                    <div style="width: 110px;">
                                        <h:outputText value="#{item.vv070}"/>
                                    </div>

                                </rich:column> 
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="#{locale.mincount}"/>
                                    </f:facet>
                                    <div style="width: 60px; text-align: center">
                                        <h:outputText value="#{item.vn072}"/>
                                    </div>

                                </rich:column> 
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="#{locale.cusregis}"/>
                                    </f:facet>
                                    <div style="width: 60px; text-align: center">
                                        <h:outputText value="#{item.count}"/>
                                    </div>

                                </rich:column> 
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="Mô tả"/>
                                    </f:facet>
                                    <div style="width: 180px;">
                                        <h:outputText value="#{item.vv070}"/>
                                    </div>

                                </rich:column> 
                               
                                

                                
                                 <rich:column >
                                    <f:facet name="header">
                                        <h:outputText value="Ngày cập nhật"/>
                                    </f:facet>
                                    <div style="width:250px;text-align: center">
                                        <h:outputText value="#{item.vl098}"> <f:convertDateTime type="TIMESTAMP" pattern="dd/MM/yyyy HH:mm:ss" /> </h:outputText> <br>
                                        ( <h:outputText value="#{item.vl099}" />)
                                    </div>

                                </rich:column> 

                                <%--
                                <f:facet name="footer">
                                    <rich:datascroller id="ds"></rich:datascroller>
                                </f:facet>--%>
                            </rich:dataTable>

                            <%--
                            <rich:modalPanel id="ajaxLoadingModalBox" minHeight="30" minWidth="40"
                                             height="30" width="40" zindex="2000">
                                <h:outputText value="#{locale.please_wait}" styleClass="startDummer"></h:outputText>
                            </rich:modalPanel>
                            <h:inputHidden value="#{customerExpand.charSearch}" />
                            --%>

                        </div>
                        <div style="position: relative; floar: left; margin-right: 10px; top: 15px;">
                            <rich:datascroller align="left" for="abcxyz" maxPages="20" reRender="sc2" id="sc1" />
                        </div>
                    </div>
                </div>
            </div>
        </a4j:form>

    </body>
</html>

 <style type="text/css">
              #main{
width:100%;
}
#content{
padding:0px !important;
width:100%;
}
#footer{
width:100%;
}
.title_tour{
width:100%;
}

#content_detail {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 98.5%;
}


#header_content {
    float: right;
    margin-top: 40px;
    width: 87%;
}
            .content .scrolls{
                width:800px !important;
                float:left;

                overflow:auto;
            }
            .content .rich-table{
                width:800px !important;
                float:left;

                overflow:auto;
            }
            .content table{
                width:800px !important;
                float:left;
            }
            .content_table{
                width:100% !important;
                float:left;

                overflow:auto;

            }
            
            .sidebar2{


                cursor: pointer;
                float: left;
                height: 43px;
                line-height: 43px;
                margin-top: 5px;
                padding-right: 36px;
                text-align: left;
            }
            
            .feild_sex td label{width: 150px !important; color:white; font-size:12px; text-transform: none; margin-left:3px;}
           
            .buttonsearch2{
                border:0;
                background:url(../images/bg_submit.gif) repeat-x;
                width:68px;

                margin:0px 0 10px 20px;
                color:#ffffff;
                font-size:12px;
                font-weight:bold;
                cursor:pointer;
                border-radius:2px;
                padding:4px 0;
                text-transform:uppercase;
            }
            input{
                float:left;
                margin-left:9px;
            }
            select{
                float:left;
                height: 21px;
                width:70px;
                margin-left:9px;
            }
            .feild_sex td label{width: 150px !important; color:white; font-size:12px; text-transform: none; margin-left:3px;}
            .buttonsearch:hover .group{display: block !important;}
        </style>